<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.SuperSlide.2.1.1.js"></script>
		<script src="js/index.js"></script>
		<link rel="stylesheet" href="index.css">
		<script src="scroll.js"></script>
		<title></title>
		<style>

		</style>
	</head>

	<body>
		<header>
			<nav>
				<div class="nav-logo">
					<a href="index.html">
						<img src="images/logo.png" alt="">
					</a>
				</div>
				<div class="nav-navigation">
					<ul>
						<li><a href="../index.html">首页</a></li>
                    <li><a href="../公司介绍/company.html">公司介绍</a></li>
                    <li><a href="../美菜资讯/zixun.html">美菜资讯</a></li>
                    <li><a href="index.html" target="_blank">最美菜公益</a></li>
                    <li><a href="../美菜招聘/recruit.html" target="_blank">美菜招聘</a></li>
                    <li><a href="../合作共赢/cooperation.html">合作共赢</a></li>
                    <li><a href="#">美菜商城</a></li>
					</ul>
				</div>
			</nav>
		</header>
		<div class="slideBox">
			<div class="hd" name="effect" id="effect">
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="bd">
				<ul>
					<li><img src="images/PC1.jpg" /></li>
					<li><img src="images/PC2.jpg" /></li>
					<li><img src="images/PC3.jpg" /></li>
					<li><img src="images/PC4.jpg" /></li>
				</ul>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="outerCircle">
					<div class="innerCircle1">
						<div class="innerCircle">
							<a href="#">
								<div>
									<p>我要<br>捐款</p>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="outerCircle">
					<div class="innerCircle1">
						<div class="innerCircle">
							<a href="#">
								<div>
									<p>志愿者<br>报名</p>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="myscroll">
					<h4><span></span>捐款人</h4>
					<div id="con">
						<div class="uppermask"></div>
						<div class="myscroll1">
							<ul>
								<li><span>爱心人士</span><span>1元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>20元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>0.1元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>30元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>2元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>5元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>1元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>20元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>0.1元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>30元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>2元</span><span>4月1日</span></li>
								<li><span>爱心人士</span><span>5元</span><span>4月1日</span></li>
							</ul>
						</div>
						<div class="downmask"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="care-all">
			<div class="care">
				<div class="care1"><img src="images/heart.png" /><span>"小候鸟"关爱计划</span></div>
				<div class="care2">
					<div class="care2-pic"><img src="images/gongyidownpc.jpg" /></div>
					<div class="care2-text">
						<p>从大年初六爸爸妈妈踏上返城的那一刻起，留给了他，一座农宅、一片田野和最广阔的思念。一年两次短暂相聚，一次在过年，一次在暑假。</p>
						<p>如今，暑假来临，为了这次相聚，繁华都市有一群特殊的过客从这个村到那座城，我们称之为“小候鸟”。而这短暂的陪伴形式，也只是陪妈妈在农贸市场卖菜、陪送货的爸爸穿梭在京城的环路上，对于他们来说，快乐来得如此简单,也如此心酸。</p>
						<p>我们有一个愿望，让“小候鸟”与父母的相聚更温暖一点。这只是我们的第一个计划，而最美菜公益基金更长远的愿景是，通过生计帮扶，帮小候鸟的父母返乡获得真正的团聚。</p>
					</div>
				</div>
				<div class="care3">
					<span>募款</span>： 募集所得款项，将用于为“小候鸟”所在的学校捐建“最美教室”。 该教室将配置电脑等多媒体设备、开通网络、配备师资，能够实现小候鸟和父母“空中陪伴”。
				</div>
			</div>
		</div>
		<div class="media-all">
			<div class="media">
				<div class="media1">
					<img src="images/heart.png" />
					<span>媒体报道</span>
				</div>
				<div class="media2">
					<div class="media2-1">
						<div><img src="images/1_03.jpg" /></div>
						<p>视频:关爱小候鸟公益纪录片</p>
						<span>出处:腾讯视频</span>
					</div>
					<div class="media2-1">
						<div><img src="images/2_05.jpg" /></div>
						<p>视频:关爱小候鸟公益纪录片</p>
						<span>出处:腾讯视频</span>
					</div>
					<div class="media2-1">
						<div><img src="images/3_07.jpg" /></div>
						<p>视频:关爱小候鸟公益纪录片</p>
						<span>出处:腾讯视频</span>
					</div>
					<div class="media2-1">
						<div><img src="images/4_09.jpg" /></div>
						<p>视频:关爱小候鸟公益纪录片</p>
						<span>出处:腾讯视频</span>
					</div>
				</div>
			</div>
		</div>
		<!--foot-->
		<div class="foot">
			<div class="foot-info">
				<ul>
					<li>
						<h5>关于</h5>
						<p>关于美菜</p>
						<p>公司资讯</p>
					</li>
					<li>
						<h5>联系</h5>
						<p>加入美菜</p>
						<p>合作共赢</p>
					</li>
					<li>
						<h5>帮助</h5>
						<p>帮助中心</p>
						<p>售后准则</p>
					</li>
					<li>
						<h5>版权信息</h5>
						<p>copyright © 2014-2016 北京云杉信息技术有限公司 4006-135-135</p>
						<p>京ICP备14045665号</p>
					</li>
					<li>
						<div><img src="images/cert.png" alt=""></div>
					</li>
				</ul>
			</div>
		</div>
	</body>

</html>
<script type="text/javascript">
	$(function() {
		$('.myscroll1').myScroll({
			speed: 40, //数值越大，速度越慢
			rowHeight: 26 //li的高度
		});
		$(".slideBox").slide({
			mainCell: ".bd ul",
			autoPlay: true,
			effect: "fold",
			trigger: "click"
		});
	});
</script>